<html>
<head>
	<title>Animated Panel Demo</title>
	<script type="text/javascript" src="lib/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="lib/raphael-min.js"></script>
	<script type="text/javascript" src="anipanel.js"></script>
	<style type="text/css">
		body{
			font-family: Verdana, Arial, Sans-serif;
		}
		#myPnl{
			font-size: 12px;
		}
	</style>
	<script type="text/javascript">
		AniPanel.delay = 300;
		var pnl;
		$(function(){
			$("#AniPanelVersion").html(AniPanel.version);
			pnl = new AniPanel("myPnl", {
				open:{x:100, y:180, h:180, w:300, title:"Sample Panel"},
				hidden:{x:450, y:20, h:20, w:60, title:"TOP 10"}
			});
		});
		
		function show(){
			pnl.show();
		}
		
		function hide(){
			pnl.hide();
		}
	</script>
</head>
<body>
	<h1>Animated Panel Demo</h1>
	<p style="font-size:12px; font-style:italic; color:#888; text-align:center;">Powered by AniPanel v.<span id="AniPanelVersion"></span></p>
	
	<p>
		<input type="button" value="show" onclick="show()"/>
		<input type="button" value="hide" onclick="hide()"/>
	</p>
	
	<div id="myPnl">
		<ol>
			<li><a href="#">item #1</a></li>
			<li><a href="#">item #2</a></li>
			<li><a href="#">item #3</a></li>
			<li><a href="#">item #4</a></li>
		</ol>
	</div>
	
	<table border="1" cellpadding="3" cellspacing="0">
		<tr>
			<td valign="top">
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
			</td>
			<td valign="top">
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
				<p>lksdklsdfjlk sd lks jkl dsfljs dj eweoie n ene nie ioe hie she hoi ehioe shioe hioe hioe ehi oe shio</p>
			</td>
		<tr>
	</table>
	<div>
	</div>
</body>
</html>